<style type="text/css">
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.metabox_event input[type='text'] {max-width:95%}
</style>
<div class="metabox_event">
	<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery(".meta_date").datepicker();
	});
//	jQuery(document).ready(function(){
//		jQuery.validator.addMethod("date_end", function(value, element) {
//	        //var date_start = jQuery(".date_start").val();
//	        //var date_end = jQuery(".date_end").val();
//	        var date_begin = new Date($('#date_begin').val()).getTime();
//			var date_end = new Date($('#id_date_end').val()).getTime();
//	        
//	        alert(Date.parse('@',date_begin));
//	        alert(Date.parse('@',value));
//	        //alert(Date.parse(date_start) < Date.parse(value));
//	        return (Date.parse(date_begin) < Date.parse(value));
//        }, "La date de fin doit être après la date de début");
//	   	jQuery("#post").validate();    	
//  	});
	</script>		
 	<p>Dates de l'Evénement:</p>
 
	<label for="date_start">Date de début</label>
  
	<p>
		<?php $mb->the_field('date_start'); ?>
		<input type="button" class="button" onclick="document.all('date_start').value=''" value="x"/>
		<input type="text" class="meta_date date_start required" id="date_start" name="<?php $mb->the_name(); ?>" value="<?php $mb->the_value(); ?>" READONLY />
		<span>Enter la date de début</span>
	</p>

	<label for="date_end">Date de fin</label>
 
	<p>
		<?php $mb->the_field('date-end'); ?>
		<input type="button" class="button" onclick="document.all('date_end').value=''" value="x"/>
		<input type="text" class="meta_date date_end" id="date_end" name="<?php $mb->the_name(); ?>" value="<?php $mb->the_value(); ?>" READONLY  />
		<span>Enter la date de fin</span>
	</p>
</div>